import React from 'react';
import { Badge, NavBar, Icon, Progress, WhiteSpace, WingBlank } from 'antd-mobile';
import ContentCard from '../../components/contentCard/index'
import { LeftOutlined } from '@ant-design/icons';

import { Link } from 'react-router-dom';
export default class TabBar extends React.Component {
    constructor(props) {
        super(props)
        this.state = {
            percent: 60
        }
    }
    render() {
        return (
            <div style={{ backgroundColor: '#F5F5F9' }}>
                <NavBar 
                    leftContent={<Link to='/home'><LeftOutlined style={{ fontSize: 20, color: '#fff' }} /></Link>}
                    onLeftClick={() => console.log('onLeftClick')}
                    rightContent={
                        <Icon key="1" type="ellipsis" />
                    }
                > 我的收藏
                </NavBar>
                <div >
                    <ContentCard></ContentCard>
                    <ContentCard></ContentCard>
                    <ContentCard></ContentCard>
                    <ContentCard></ContentCard>
                    <ContentCard></ContentCard>
                </div>
            </div>
        );
    }
}
